<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:sec="http://www.springframework.org/security/tags"
	xmlns:p="http://primefaces.org/ui">

	<h:form styleClass="form-horizontal" id="register_form">
		<div id="registerBox">
			<p class="lead">
				<h:outputText value="Création d'un compte auteur de recette" />
			</p>
			<br />
			<div id="update" class="">
				<fieldset>
					<div class="control-group">
						<label class="control-label" for="input_firstName">Prénom</label>
						<div class="controls">
							<h:inputText value="#{C_AUTHOR.firstName}" id="input_firstName"
								name="input_firstName" placeholder="Prénom" required="true"
								requiredMessage="Ce champs est requis" styleClass="input-large" />
							<p:message id="message_firstName" for="input_firstName" />
						</div>
						<br /> <label class="control-label" for="input_lastName">Nom</label>
						<div class="controls">
							<h:inputText value="#{C_AUTHOR.lastName}" id="input_lastName"
								name="input_lastName" placeholder="Nom" required="true"
								requiredMessage="Ce champs est requis" styleClass="input-large" />
							<p:message id="message_lastName" for="input_lastName" />
						</div>
					</div>
				</fieldset>
				<div class="control-group">
					<label class="control-label" for="input_mail1">Pseudo</label>
					<div class="controls">
						<h:inputText value="#{C_AUTHOR.nickName}" id="input_nickname"
							placeholder="Pseudo" required="true"
							requiredMessage="Ce champs est requis" styleClass="input-large" />
						<p:message id="message_nickname" for="input_nickname" />
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="input_mail1">Mail</label>
					<div class="controls">
						<h:inputText value="#{C_AUTHOR.mail1}" id="input_mail1"
							placeholder="Mail" required="true"
							requiredMessage="Ce champs est requis" styleClass="input-large" />
						<p:message id="message_mail1" for="input_mail1" />
					</div>
					<br /> <label class="control-label" for="input_mail2"></label>
					<div class="controls">
						<h:inputText value="#{C_AUTHOR.mail2}" id="input_mail2"
							name="input_mail2" placeholder="Vérification du Mail"
							required="true" requiredMessage="Ce champs est requis"
							styleClass="input-large" />
						<p:message id="message_mail2" for="input_mail2" />
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="input_password1">Mot de
						passe</label>
					<div class="controls">
						<h:inputSecret value="#{C_AUTHOR.password1}" id="input_password1"
							name="input_password1" placeholder="Mot de passe" required="true"
							requiredMessage="Ce champs est requis" styleClass="input-large" />
						<p:message id="message_password1" for="input_password1" />
					</div>
					<br /> <label class="control-label" for="input_password2"></label>
					<div class="controls">
						<h:inputSecret value="#{C_AUTHOR.password2}" id="input_password2"
							name="input_password2" placeholder="Vérification du Mot de passe"
							required="true" requiredMessage="Ce champs est requis"
							styleClass="input-large" />
						<p:message id="message_password2" for="input_password2" />
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<h:commandButton styleClass="btn btn-primary"
							value="Créer le compte" action="#{C_AUTHOR.register}" />
						<a class="btn" href="index.html"><h:outputText value="Annuler" /></a>
					</div>
				</div>
			</div>
		</div>
	</h:form>
</ui:composition>
